import { createApp } from 'vue'
// import './style.css'
// import App from './App.vue'

// 路由案例的组件
// import App from './components/1路由的基本使用/2.父组件.vue'
// import App from "@/components/2嵌套路由/3.父组件.vue";
// import App from "@/components/3命名路由/2.父组件.vue";
// import App from "@/components/4编程式路由/2.父组件.vue";
// import App from "@/components/5命名视图/3.父组件.vue";
// import App from "@/components/6重定向和别名/3.父组件.vue";
// import App from "@/components/7路由动态参数/3.父组件.vue";
// import App from "@/components/8路由组件传参/2.父组件.vue";
// import App from "@/components/9导航守卫/3.父组件.vue";
// 引入路由的js文件
// 默认导出会找对应文件夹下的index.js 我们可以创建一个文件夹保存路由
// import router from './router/1.路由的基本使用.js'
// import router from './router/2.嵌套路由.js'
// import router from './router/3.命名路由.js'
// import router from "@/router/4.编程式路由.js";
// import router from "@/router/5.命名视图.js";
// import router from "@/router/6.重命名和别名.js";
// import router from "@/router/7.路由动态参数.js";
// import router from "@/router/8.路由组件传参.js";
// import router from "@/router/9.导航守卫.js";

// 使用pinia的组件
// import App from "@/components/10pinia的使用/1.pinia的使用.vue";

// 使用axios的组件
// import App from "@/components/11axios的使用/1.axios的使用.vue";

// 使用EL-Plus
import App from '@/components/El.vue'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'


// 导入所有的图标库
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// 导入pinia
import { createPinia } from 'pinia'
// 创建pinia对象
const pinia = createPinia()
let app = createApp(App);

// 将所有的图标库组件加载到app应用中
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}



// app.use(router)
// 使用ElementPlus组件
app.use(ElementPlus)
app.use(pinia)
app.mount('#app')
